<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">
<ui:composition template="../templates/layout.xhtml">
<ui:define name="title">Validar Reportes - Cuenta por Pagar</ui:define>
<ui:define name="content">
<p:spacer height="5px"/>
<p:panel>
    <h:outputText value="Validar Reportes - Cuenta por Pagar" styleClass="text_header_page"/>
</p:panel>
<p:spacer height="5px"/>
<h:panelGroup>
<h:form id="frmPrincipal" enctype="multipart/form-data">
<p:panel id="panelBusquedaReporte">
    <h:panelGrid id="gridBusquedaReporte" columns="2" width="100%">
        <h:outputLabel value="Utilizar CheckPoint"/>
        <h:panelGroup>
            <p:selectOneMenu panelStyle="width: 350px" style="width: 220px"
                             var="checkPointItem" id="checkpointList"
                             converter="#{checkPointDTOConverter}"
                             requiredMessage="*"  required="true"
                             value="#{validarReporteJsfBean.reporteContext.checkPointBase}">
                <f:selectItem itemLabel="Seleccione" itemValue=""/>
                <f:selectItems value="#{validarReporteJsfBean.cmbCheckPoint}"
                               var="checkPoint" itemLabel="#{checkPoint.nombreArchivo}"
                               itemValue="#{checkPoint}"
                        />
                <p:column>
                    #{checkPointItem.nombreArchivo}
                </p:column>
                <p:column>
                    <h:outputText value="#{checkPointItem.fechaCreacion}">
                        <f:convertDateTime pattern="#{messages.label_app_timeFormatLong}"
                                           timeZone="America/Lima"
                                           type="both"/>
                    </h:outputText>
                </p:column>
                <p:column>
                    #{checkPointItem.comentario}
                </p:column>

            </p:selectOneMenu>
        </h:panelGroup>

        <h:outputLabel for="archivoSap" value="Archivo a Comparar"/>
        <p:fileUpload fileUploadListener="#{validarReporteJsfBean.uploadFileAction}"
                      mode="advanced"  cancelLabel="Cancelar" uploadLabel="Cargar Archivo"
                      id="archivoSap"  label="Seleccionar Archivo"
                      update=":messages"
                      sizeLimit="524288000"
                      allowTypes="/(\.|\/)(csv)$/"/>


    </h:panelGrid>

    <p:spacer height="10px"/>

    <h:panelGrid id="gridBotones" columns="3">
        <p:commandButton value="#{messages.label_validate}" icon="ui-icon-refresh"
                         actionListener="#{validarReporteJsfBean.procesar}"
                         ajax="true" update=":messages :frmPrincipal:panelBusquedaReporte :diferenciaReporte"
                />

    </h:panelGrid>
</p:panel>
</h:form>
</h:panelGroup>

</ui:define>

<ui:define name="modal">
    <ui:decorate template="/pages/ui/uiValidarReporte.xhtml">
        <ui:param name="jsfBean" value="#{validarReporteJsfBean}"/>
        <ui:param name="jasperReporte" value="RepValidacion.jasper"/>
    </ui:decorate>
</ui:define>


</ui:composition>
</html>